<template>
	<view class="d-area d-imgs-area">
		
		<view class="infos"> 
		  <view class="title"> 楼盘相册 </view>
		  <view class="d-imgs flex"> 
		     <view class="item-img d-img"> </view> 
		     <view class="item-img d-img"> </view> 
		     <view class="item-img d-img"> </view> 
		     <view class="center img-click-icon" @click="leftImg(1)">
		     	<u-icon name="play-right-fill" color="#ccc" size="14"></u-icon>
		     </view>
		  </view>
		  <view class="title"> 项目户型 </view>
		  <view class="d-imgs flex">
		     <view class="item-img d-img"> </view> 
		     <view class="item-img d-img"> </view> 
		     <view class="item-img d-img"> </view> 
		     <view class="center img-click-icon" @click="leftImg(2)">
		     	<u-icon name="play-right-fill" color="#ccc" size="14"></u-icon>
		     </view>
		  </view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:{
			info:Object
		},  
		data() {
			return {

			};
		},
		methods:{
			leftImg(f){
				
			}
		}
	}
</script>

<style lang="scss">
	.d-imgs-area {
		.d-imgs{
			margin: 10px 10px 50px 10px;
			.d-img{
				width: 90px;
				height: 60px;
				margin: 0 10px 0 0;
			}
			.img-click-icon{
				width: 20px;
				height: 60px;
			}
		}
	}
</style>
